#container { 
    width: 1350px;     /*这里600x400是图片的宽高*/
    height: 384px; 
    border: 3px solid rgba(62,8,244,1.00); 
    overflow: hidden;   /*隐藏溢出的图片，因为图片左浮动，总宽度为4200*/
    position: relative;
}
#list { 
    width: 6750px;   /*这里设置7张图片总宽度*/
    height: 384px; 
    position: absolute;  /*基于父容器container进行定位*/
    z-index: 1;
}
#list img { 
    float: left;
}
#buttons { 
    position: absolute; 
    height: 10px; 
    width: 100px; 
    z-index: 2;   /*按钮在图片的上面*/
    bottom: 20px; 
    left: 1250px;
}
#buttons span { 
    cursor: pointer; 
    float: left; 
    border: 1px solid #fff; 
    width: 10px; 
    height: 10px; 
    border-radius: 50%; 
    background: #333; 
    margin-right: 5px;
}
#buttons .on {  
    background: orangered;   /*选中的按钮样式*/
}
.arrow { 
    cursor: pointer; 
    display: none;    /*左右切换按钮默认先隐藏*/
    line-height: 39px; 
    text-align: center; 
    font-size: 15px; 
    
    width: 20px; 
    height: 20px;  
    position: absolute; 
    z-index: 2; 
    top: 180px; 
	color:rgba(248,248,248,1.00);
}
.arrow:hover { 
    background-color: RGBA(0,0,0,.7);
}
#container:hover .arrow { 
    display: block;   /*当鼠标放上去容器上面就显示左右切换按钮*/
}
#prev { 
    left: 20px;
}
#next { 
    right: 20px;
}